<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,initial-scale=1.0" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>元旦活动</title>
    <script type="text/javascript" src="./js/tool.js"></script>
    <script type="text/javascript" src="./js/jquery.min.js"></script>
    <link rel="stylesheet" href="./css/normalize.min.css">
    <link rel="stylesheet" href="./css/loading.css">

    <link rel="stylesheet" href="./css/animate.min.css">
    <link rel="stylesheet" href="./css/common.min.css">
    <link rel="stylesheet" href="./css/game.min.css">
    <style>
        .couten {
            width: 100%;
            height: 100%;
            overflow: hidden;
        }

        .couten li {
            position: absolute;
            bottom: -100px;
            -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        }

        .couten li a {
            display: block;
        }

        .backward {
            width: 100%;
            background: #ccc;
            opacity: 0.5;
            position: absolute;
            top: 0;

        }

        @-webkit-keyframes leftgo {
            0% {
                transform: translate3d(0, 0, 0);
                -webkit-transform: translate3d(0, 0, 0);
            }
            50% {
                transform: translate3d(60px, -750px, 5px);
                -webkit-transform: translate3d(60px, -750px, 5px);
            }
            100% {
                transform: translate3d(-60px, -1500px, 10px);
                -webkit-transform: translate3d(-60px, -1500px, 10px);
            }
        }

        @keyframes leftgo {
            0% {
                transform: translate3d(0, 0, 0);
                -webkit-transform: translate3d(0, 0, 0);
            }
            50% {
                transform: translate3d(30px, -750px, 5px);
                -webkit-transform: translate3d(30px, -750px, 5px);
            }
            100% {
                transform: translate3d(-60px, -1500px, 10px);
                -webkit-transform: translate3d(-60px, -1500px, 10px);
            }
        }

        .liactive {
            -webkit-animation: leftgo 6s 0s linear 1;
            animation: leftgo 6s 0s linear 1;
        }

        .backward span {
            display: inline-block;
            width: 1rem;
            height: 1rem;
            color: #000;
            font-weight: bold;
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            margin: auto;
            text-align: center;
            line-height: 1rem;

        }



        .hidden {
            position: absolute;
            top: -99999px;
            visibility: hidden;
        }

        .active {
            position: absolute;
            font-family: lemiao;
            font-size: .4rem;
            color: #ff667f;
            -webkit-text-shadow: 0 0 .02rem .02rem #FAD301;
            text-shadow: 0 0 .02rem .02rem #FAD301;
        }
    </style>
</head>

<body>
    <div class="hidden lianghei">01234567890</div>
    <div class="hidden lemiao">获得神秘标签你在游戏中还意外获得了这些哦~爱逗比、爱香菇、爱黑夜、爱倾听、爱沉默、爱走神儿、爱推翻重来、爱热闹、爱肆无忌惮、爱放荡不羁、爱过节、爱妈妈、爱捣乱、爱闯祸、爱音乐、爱博学、爱逃避、爱烦躁、爱情绪低落、爱妥协、爱多愁善感、爱足智多谋、爱养生、爱健身、爱干净、爱特立独行、爱与众不同、爱创意满满、爱纠结、爱执着、爱捣鬼、爱爆发、爱心软、爱玻璃心、爱美丽、爱漂亮、爱打扮、爱浪漫、爱粘人、爱自己、爱情绪化、爱美食、爱家人、爱朋友、爱面子、爱心泛滥、爱疯、 逗逼签2 爱戏精、爱打call、爱老司机、爱小蛮腰、爱耍套路、爱皮皮虾、爱freestyle、爱出门捡钱、爱夜游、爱差评、爱新衣服、爱自然醒、爱新闻联播、爱晚睡、爱沾沾自喜、爱拈花惹草、爱美人、爱流量多多、爱网速快快、爱想瘦就瘦、爱闯祸、爱被窝、爱作、爱忽悠、爱拜金、爱看脸、爱美女不爱江山、爱吸烟喝酒和烫头、爱加班、爱撞大运、爱脑动大开、爱扑克脸、爱管闲事、爱快言快语、爱做雷锋、爱当老板、爱打情骂俏、
        行为签0 爱下雨天、爱滑雪、爱K歌、爱八卦、爱刷卡、爱飙车、爱撸啊撸、爱打岔、爱撩妹、 爱壁咚、爱僚机、爱装嫩、爱撸袖子、爱怼人、爱尬聊、爱捶胸口、爱吸猫、爱吃糖、 爱耍酷、爱看雪、爱赚钱、爱做梦、爱分享、爱点赞、爱下厨、爱过节、爱喝奶茶 爱聚会、爱唠嗑、爱洗澡、爱吃辣条、爱看书、爱哭、爱撒娇、爱耍帅、爱臭美、爱发呆、爱唱歌、爱看电影、爱美食、爱王者农药、爱刷微博、爱傻笑、爱摄影、爱阅读、爱旅游、爱听相声、爱吃零食、爱睡觉、爱吃肉、爱花钱、爱游泳、爱演戏、爱唱歌、爱健忘、爱旅游、爱分享、爱安静、爱工作、爱聊天、爱逛街、爱打游戏、爱臭美、爱自拍、爱运动、爱飙车、爱跳舞、爱唱歌、
        文艺签3 爱冬日午后、爱夏日暖阳、爱红颜知己、爱爬山下海、爱看夕阳、爱独自旅行、爱写作、爱粉色、爱雪天、爱江南、爱文艺、爱小资、爱青春正好、爱阳光灿烂、爱温暖洒脱、爱岁月静好、爱笑语嫣然、爱灼灼其华、爱浅笑安然、爱风华正茂、爱其乐融融、爱谈笑风生、爱怡然自得、爱水木清华、爱良辰美景、爱青春无限、爱胸怀高远、爱笑容灿烂、爱坚忍不拔、爱心愿达成、爱四季绚烂、 正能量签4 爱阳光、爱看天空、爱一切萌物、爱上进、爱萌萌哒、爱路见不平、爱拼搏、爱江山、爱前途无量、爱家人健康、爱美好生活、爱生机勃勃、爱睡眠足足、爱中国梦、爱正能量、爱一心一意、爱一马当先、爱奋不顾身、爱严于律己、爱实事求是、爱完美、爱整洁、爱朋友、爱家人、爱自然、爱风景、爱干净、爱自由、爱自己、爱团结友爱、爱国爱家、爱心大使、爱善解人意、爱一花一草、爱小动物、
    </div>
    <div class="loading">
        <div class="cube cube1"><img src="./images/heart.png" alt="" /></div>
        <div class="cube cube2"><img src="./images/heart.png" alt="" /></div>
        <div class="cube cube3"><img src="./images/heart.png" alt="" /></div>
        <div class="cube cube4"><img src="./images/heart.png" alt="" /></div>
        <div class="cube cube5"><img src="./images/heart.png" alt="" /></div>
        <div class="loading-info">
            <p>加载中...</p>
        </div>
    </div>
    <div class="flow">
        <header>
            <b id="leaveTimeShow" class="lianghei">00:00</b>
        </header>
        <article>
            <ul class="couten">
                <!--<li>
				<a href="#"><img src="images/hb_1.png"></a>
			</li>-->
            </ul>
            <div class="backward">
                <span></span>
            </div>
        </article>
    </div>
    <div class="time animated panel">
        <div class="time_contianer panel_contianer">
            <a href="javascript:void(0);" id="timeBtn"></a>
            <p class="t-c m-t-30 f48 lianghei"><i class="my_clock"></i><span>时间到！</span></p>
            <p class="">啊哦，时间到了哟~来看看你通过戳“小心心”得到了什么吧！</p>
            <p class="t-c" id="seewhatBtn"> <a href="javascript:void(0);">
                    </a>
            </p>
        </div>
    </div>
    <div class="game animated panel">
        <div class="game_contianer panel_contianer">
            <!-- <a href="javascript:void(0);" id="closeGameBtn"></a> -->
            <p class="t-c f48 lianghei"><i class="my_heart"></i>游戏规则</p>
            <p class="f30">1. 活动时间：2017年12月22日至2018年1月1日；</p>
            <p class="f30">2. 所有关注四川联通用户均可参加，每个用户只有一次参与机会，有一定概率获得奖品；</p>
            <p class="f30"> 3. 活动期间若取消绑定，可能会导致奖品赠送失败；</p>
            <p class="f30">4. 奖品领取办法请详见领取页面；</p>
            <p class="f30">5. 如未能在有效时间内使用E票网现金券或便携式保温杯兑换机会，则视为自动放弃奖品。</p>
            <p class="t-c" id="gamestartbtn"> <a href="javascript:void(0);">
                </a>
            </p>
        </div>
    </div>
    <div class="follow  animated panel">
        <div class="ruler_contianer panel_contianer">
            <!-- <a href="#" id="followBtn"></a> -->
            <p class="t-c m-t-30 lemiao"><i class="my_heart"></i>啊哦，你还没有关注哦~</p>
            <p class="t-c lemiao">扫一扫下方二维码关注“四川联通”即可参与游戏</p>
            <p class="t-c"> <a href="javascript:void(0);" id="imgCode">
                <img src="./images/wechat.png" alt="">
            </a>
            </p>
        </div>
    </div>
    <script type="text/javascript" src="./js/openInWeChat.js"></script>
    <script>
        //强制在微信浏览器打开
        WechatUseAgent();
    </script>
    <script src="./js/follow.js"></script>
    <script>
        var ajaxNum = [1];
        lisetnerAjax(ajaxNum, 'body');
    </script>

    <script src="./js/game.js">
    </script>
    <script>
        //禁止拖动
        preventMove();
    </script>

</body>

</html>
